<template>
  <views class="facilitator_send_records_detail">
    <div class="block_detail">
      <viewTitle :title="'订单信息'" :border="true"></viewTitle>
      <div class="row_block">
        <div class="info">
          <div class="left">批次编号：</div>
          <div class="right">{{detail_basic.enterprise_order_sn}}</div>
        </div>
        <div class="info">
          <div class="left">订单编号：</div>
          <div class="right">{{detail_basic.enterprise_order_ext_sn}}</div>
        </div>
      </div>
      <div class="row_block">
        <div class="info">
          <div class="left">客户编号：</div>
          <div class="right">{{detail_basic.client_sn}}</div>
        </div>
        <div class="info">
          <div class="left">客户名称：</div>
          <div class="right">{{detail_basic.enterprise_order_ext_sn}}</div>
        </div>
      </div>
      <div class="row_block">
        <div class="info">
          <div class="left">服务商编号：</div>
          <div class="right">{{detail_basic.facilitator_sn}}</div>
        </div>
        <div class="info">
          <div class="left">服务商名称：</div>
          <div class="right">{{detail_basic.facilitator_name}}</div>
        </div>
      </div>
    </div>
    <div class="block_detail">
      <viewTitle :title="'付款信息'" :border="true"></viewTitle>
      <div class="row_block">
        <div class="info">
          <div class="left">交易金额:</div>
          <div class="right">{{detail_pay.real_money}}</div>
        </div>
        <div class="info">
          <div class="left">账户名称:</div>
          <div class="right">{{detail_pay.rec_bank_account}}</div>
        </div>
      </div>
      <div class="row_block">
        <div class="info">
          <div class="left">账户类型:</div>
          <div class="right">{{detail_pay.rec_bank_type_name}}</div>
        </div>
        <div class="info">
          <div class="left">收款账号:</div>
          <div class="right">{{detail_pay.rec_bank_code}}</div>
        </div>
      </div>
      <div class="row_block">
        <div class="info">
          <div class="left">业绩说明:</div>
          <div class="right">{{detail_pay.remark}}</div>
        </div>
      </div>
    </div>
    <div class="block_detail">
      <viewTitle :title="'业务信息'" :border="true"></viewTitle>
      <div class="row_block">
        <div class="info">
          <div class="left">业务类型:</div>
          <div class="right">{{detail_business.op_type_name}}</div>
        </div>
        <div class="info">
          <div class="left">业务状态:</div>
          <div class="right">{{detail_business.op_status_name}}</div>
        </div>
      </div>
      <div class="row_block">
        <div class="info">
          <div class="left">创建时间:</div>
          <div class="right">{{detail_business.create_time}}</div>
        </div>
        <div class="info">
          <div class="left">订单(审核)时间:</div>
          <div class="right">{{detail_business.update_time}}</div>
        </div>
      </div>
      <div class="row_block">
        <div class="info">
          <div class="left">应答码:</div>
          <div class="right">{{detail_business.pay_err_msg}}</div>
        </div>
        <div class="info">
          <div class="left">应答描述:</div>
          <div class="right">{{detail_business.pay_err_msg}}</div>
        </div>
      </div>
    </div>
  </views>
</template>

<script>
export default {
  name: "FacilitatorSendRecordsDetail",
  data() {
    return {
      detail_basic: {
        //订单信息
        enterprise_order_sn: "", //批次号
        enterprise_order_ext_sn: "", //订单编号
        client_sn: "", //客户编号
        client_name: "", //客户名称
        facilitator_sn: "", //服务商编号
        facilitator_name: "" //服务商名称
      },
      detail_pay: {
        //付款信息
        real_money: "", //实际交易金额
        rec_bank_account: "", //收款银行卡账户名称
        rec_bank_type_name: "", //收款银行卡类型（对公、对私）
        rec_bank_code: "", //收款银行卡账号
        remark: "" //业绩说明
      },
      detail_business: {
        //业务信息
        op_type_name: "", //业务类型（充值、代付）
        op_status_name: "", //业务状态
        create_time: "", //创建时间
        update_time: "", //更新时间（也可以做为审核时间）
        pay_code_back: "", //银行回执单号
        pay_err_msg: "" //银行返回错误信息
      }
    };
  },
  mounted() {
    this.orderExtDetail();
  },
  methods: {
    orderExtDetail() {
      this.$raxios
        .post(this.$mapapi.orderExtDetail, {
          data: {
            enterprise_order_ext_id: this.$route.query.enterprise_order_ext_id
          }
        })
        .then(res => {
          console.log("order_ext_detail", res);
          if (res.code != 200) return Promise.reject(res.msg);
          this.detail_basic = res.data.detail_basic;
          this.detail_pay = res.data.detail_pay;
          this.detail_business = res.data.detail_business;
        })
        .catch(res => {
          this.$message.error(res);
        });
    }
  }
};
</script>

<style  lang="less" :scope="true" src="@/style/facilitator/facilitator_send_records_detail.less">
</style>
